{extend name="../template/master.html" /}
{block name="content"}


<div class="wrapper w980 bc clearfix">
    <script src="/static/index/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/static/index/js/tab.js"></script>
    <script src="/static/index/js/mem_center.js" type="text/javascript"></script>
    <script src="/static/index/js/xScriptDialog.js"></script>
    <link href="/static/index/css/xStyleDialog.css" type="text/css" rel="stylesheet">
    <!--wrapper start-->
    <div class="wrapper w1200 bc">
        <div class="mt20">
            您当前所在的位置:<a href="http://www.xtep.com.cn/mem_center/index/">用户中心</a> <span>&gt;</span>
            <a href="http://www.xtep.com.cn/mem_center/index/order_list#" class="colorRed">我的订单</a>
        </div>
        <!--userCenter start-->
        <div class="userCenter mt5 clearfix ">
            <!--嵌入左侧菜单-->
            <!--userCenterLeft start-->
            <div class="userCenterNewLeft fl lh180" style="">
                <ul class="styleUL styleAutoSize">
                    <li class="fl ml20 mt20"><img src="/static/index/images/userLogo.png"></li>
                    <li class="fl ml20 mt20">
                        <div class="cUserRoundStyle">0</div>
                    </li>
                    <li class="fl mt20"><img src="/static/index/images/mailLogo.png"></li>
                </ul>
                <li class="fl mt15">
                    <div class="cUserLineStyle"></div>
                </li>
                <div class="mt20">
                    <dl class="mb5">
                        <ul class="styleUL styleAutoSize">
                            <li class="fl ml20 mt25"><img src="/static/index/images/userPoint.png"></li>
                            <li class="fl ml10 mt20 cUserTitleStyle">交易中心</li>
                            <li class="fl ml20 mt25" style="cursor:pointer;"><img src="/static/index/images/userArrow.png" ></li>
                        </ul>
                        <div id="tradeDiv">
                            <dd style="padding-left: 40px;" class="cUserSel"><a
                                    href="http://www.xtep.com.cn/mem_center/index/order_list">我的订单</a></dd>
                            <dd style="padding-left: 40px;" class=""><a
                                    href="http://www.xtep.com.cn/mem_center/index/comment">收货地址</a></dd>

                        </div>
                    </dl>
                </div>


                <dd style="padding-top:0px;padding-bottom:6px;"></dd>
                <!--<dd style="padding-top:0px;padding-bottom:6px;" ><a href="/user/index/user_logout?return=http%3A%2F%2Fwww.xtep.com.cn%2F%3Fapp_act%3Duser%2Findex%2F%26return%3Dhttp%3A%2F%2Fwww.xtep.com.cn%2Fmem_center%2Findex%2Forder_list"><img src="/theme/openshop/images/xzz/logoutBtn.jpg"/></a></dd>-->
            </div>
            <!--userCenterLeft end-->        <!--userCenterRight start-->
            <div class="userCenterRight fr cUserTableTrStyle">
                <!--嵌入订单状态数-->
                <ul class="cmyUserTab clearfix mt30 tc pl20">
                    <li class=" fl"><img src="/static/index/images/userRedLine.png"></li>
                    <li class="fl current">我的订单</li>
                    <li class="fl">
                        <ul class="cmyOrdersTab clearfix f12 tc pl20">
                            <li id="one1" class="current2" onclick="setTab(&#39;one&#39;,1,5,&#39;current2&#39;)">全部订单
                            </li>
                            <li id="one2" class="" onclick="setTab(&#39;one&#39;,2,5,&#39;current2&#39;)">待支付&nbsp;&nbsp;<span
                                    class="cUserRed2">1</span></li>
                            <li id="one3" class="" onclick="setTab(&#39;one&#39;,3,5,&#39;current2&#39;)">待发货&nbsp;&nbsp;<span
                                    class="cUserRed2">0</span></li>
                            <li id="one4" class="" onclick="setTab(&#39;one&#39;,4,5,&#39;current2&#39;)">待收货&nbsp;&nbsp;<span
                                    class="cUserRed2">0</span></li>
                            <li id="one5" class="" onclick="setTab()">待评价&nbsp;&nbsp;<span
                                    class="cUserRed2">0</span></li>
                        </ul>
                    </li>
                </ul>
                <!--全部订单-->
                <div id="con_one_1" class="user-order-list" style="display: block;">
                    <div class="mt10">
                        <!--我的订单 开始-->
                        <div class="">
                            <ul class="styleUL styleAutoSize cTableTitleStyle" style="color: #5b5b5b;width: 904px;">
                                <li class="fl  tc pt5" style="width:44%">商品信息</li>
                                <li class="fl  tc pt5" style="width:14%">收货人</li>
                                <li class="fl tc pt5" style="width:13%">总金额</li>
                                <li class="fl tc pt5" style="width:14%">订单状态</li>
                                <li class="fl tc pt5" style="width:14%">操作</li>
                            </ul>
                            <!--全部订单-->
                            {foreach $data as $k=> $v}
                            <div class="mt20">
                                <ul class="styleUL styleAutoSize cTableTitleStyle cUserWordStyle cUserColor2"
                                    style="width: 904px;">
                                    <li class="fl  " style="width:22%;margin-top:5px;"><span class="ml25"></span>{$v['create_time']}
                                    </li>
                                    <li class="fl  " style="width:22%;margin-top:5px;"><span class="ml25"></span>订单号：{$v['order_num']}
                                    </li>
                                </ul>
                            </div>
                            <table class="user_table tc lh180 ml40" style="width: 906px;">
                                <tbody>
                                <tr>
                                    <td style="width:428px;">
                                        <div class="fl cOrderLineStyle  mt20 pl10" style="width:380px;height:129px">
                                            <a href="http://www.xtep.com.cn/goods/do_index?goods_sn=983419116736"
                                               target="_blank">
                                                <img style="border:1px solid #dfdfdf;"
                                                     src="/static/index/images/983419116736_0200_1_0--w_51_h_65.jpg"
                                                     class="vm" width="90" height="90"></a>
                                            <h2 class="in_b vm tl ml20" style="width:240px"><a
                                                    href="http://www.xtep.com.cn/goods/do_index?goods_sn=983419116736"
                                                    target="_blank"> 【明星同款】特步 第20代风火鞋谢霆锋同款 男子气垫网面跑步鞋 983419116736
                                                <br><span class="cUserColor8">颜色: 黑 尺码: 45码</span></a></h2>
                                            <h2 class="in_b vm tl ml10" style="width:8px">1</h2>
                                        </div>
                                    </td>
                                    <td class="pro_num" style="width:101px">{$v['username']}</td>
                                    <td style="width:112px">￥399.00</td>
                                    <td style="width:121px"><br>11</td>
                                    <td style="width:138px" class="cUserColor2 cUserWordStyle f13">
                                         <!--<a href="javascript:;" onclick="add_order_fav('180113001399')">收藏</a><br />-->
                                        <a href="http://www.xtep.com.cn/mem_center/index/order_info?order_sn=180113001399"
                                           class="cUserColor2">查看</a><br>

                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            {/foreach}
                            <!-- 分页调用开始 -->
                            <div class="pageNumber tr mt5">
                                <div class="mar_right mr40">
                                    <a class="pageOn" href="javascript:void(0)">1</a><span>共1页 到第</span>
                                    <input type="text" id="gotopage" size="3" maxlength="4" value=""> 页
                                    <a class="pageNext" href="javascript:;" >确定</a>
                                </div>
                            </div>
                            <!-- 分页调用结束 -->
                        </div>
                        <!--我的订单 结束-->
                    </div>


                </div>
                <!--待支付订单-->
                <div id="con_one_2" class="" style="display: none;">
                    <div class="mt10">
                        <!--我的订单 开始-->
                        <div class="">
                            <ul class="styleUL styleAutoSize cTableTitleStyle" style="color: #5b5b5b;width: 904px;">
                                <li class="fl  tc pt5" style="width:44%">商品信息</li>
                                <li class="fl  tc pt5" style="width:14%">收货人</li>
                                <li class="fl tc pt5" style="width:13%">总金额</li>
                                <li class="fl tc pt5" style="width:14%">订单状态</li>
                                <li class="fl tc pt5" style="width:14%">操作</li>
                            </ul>
                            <!--代付款订单-->


                            <div class="mt20">
                                <ul class="styleUL styleAutoSize cTableTitleStyle cUserWordStyle cUserColor2"
                                    style="width: 904px;">
                                    <li class="fl  " style="width:22%;margin-top:5px;"><span class="ml25"></span>2018-01-12

                                    </li>
                                    <li class="fl  " style="width:22%;margin-top:5px;"><span class="ml25"></span>订单号11：
                                    </li>
                                </ul>
                            </div>
                            <table class="user_table tc lh180 ml40" style="width: 906px;">
                                <tbody>
                                <tr>
                                    <td style="width:428px;">
                                        <div class="fl cOrderLineStyle  mt20 pl10" style="width:380px;height:129px">
                                            <a href="http://www.xtep.com.cn/goods/do_index?goods_sn=983419116736" target="_blank">
                                                <img style="border:1px solid #dfdfdf;" src="/static/index/images/983419116736_0200_1_0--w_51_h_65.jpg" class="vm" width="90" height="90"></a>
                                            <h2 class="in_b vm tl ml20" style="width:240px"><a href="http://www.xtep.com.cn/goods/do_index?goods_sn=983419116736" target="_blank"> 【明星同款】特步 第20代风火鞋谢霆锋同款 男子气垫网面跑步鞋 983419116736<br><span class="cUserColor8">颜色: 黑 尺码: 45码</span></a></h2>
                                            <h2 class="in_b vm tl ml10" style="width:8px">1</h2>
                                        </div>
                                    </td>
                                    <td class="pro_num" style="width:101px">阿布</td>
                                    <td style="width:112px">￥399.00</td>
                                    <td style="width:121px"><br></td>
                                    <td style="width:138px" class="cUserColor2 cUserWordStyle f13">
                                        <!-- <a href="javascript:;" onclick="add_order_fav('180113001399')">收藏</a><br /> -->
                                        <a href="http://www.xtep.com.cn/mem_center/index/order_info?order_sn=180113001399" class="cUserColor2">查看</a><br>
                                        <a class="cUserLinkStyle2" href="http://www.xtep.com.cn/pay/?order_sn=180113001399">立即付款</a><br>
                                        <a href="javascript:cancel_order(0,180113001399);" class="cUserColor2">取消订单</a><br>

                                    </td>
                                </tr>
                                </tbody>
                            </table>

                            <!-- 分页调用开始 -->
                            <div class="pageNumber tr mt5">
                                <div class="mar_right mr40">
                                    <a class="pageOn" href="javascript:void(0)">1</a><span>共1页 到第</span>
                                    <input type="text" id="gotopage" size="3" maxlength="4" value=""> 页
                                    <a class="pageNext" href="javascript:;">确定</a>
                                </div>
                            </div>
                            <!-- 分页调用结束 -->
                        </div>
                        <!--我的订单 结束-->
                    </div>


                </div>
                <!--待发货订单-->
                <div id="con_one_3" class="" style="display: none;">
                    <div class="mt10">
                        <!--我的订单 开始-->
                        <div class="">
                            <ul class="styleUL styleAutoSize cTableTitleStyle" style="color: #5b5b5b;width: 904px;">
                                <li class="fl  tc pt5" style="width:44%">商品信息</li>
                                <li class="fl  tc pt5" style="width:14%">收货人</li>
                                <li class="fl tc pt5" style="width:13%">总金额</li>
                                <li class="fl tc pt5" style="width:14%">订单状态</li>
                                <li class="fl tc pt5" style="width:14%">操作</li>
                            </ul>
                            <ul class="styleUL styleAutoSize  tc" style="width:905px">
                                <li class="tc mt15">
                                    <p class="p12">
                                        您还没有订单哦！马上去逛逛吧： <a href="http://www.xtep.com.cn/" class="color2">商城首页</a> <a
                                            href="http://www.xtep.com.cn/carts/" class="color2">我的购物车</a> <a
                                            href="http://www.xtep.com.cn/mem_center/index/fav" class="color2">我的收藏夹</a>
                                    </p>
                                </li>
                            </ul>
                            <!-- 分页调用开始 -->
                            <div class="pageNumber tr mt5">
                            </div>
                            <!-- 分页调用结束 -->
                        </div>
                        <!--我的订单 结束-->
                    </div>


                </div>
                <!--待收货订单-->
                <div id="con_one_4" class="" style="display: none;">
                    <script>
//                        page_ajax(1, '/mem_center/index/page_orders_list?app_page=null&condition_status=12', 'con_one_4');
                    </script>
                </div>
                <!--待评价订单-->
                <div id="con_one_5" class="" style="display: none;">
                    <div class="mt10">
                        <!--我的订单 开始-->
                        <div class="">
                            <ul class="styleUL styleAutoSize cTableTitleStyle" style="color: #5b5b5b;width: 904px;">
                                <li class="fl  tc pt5" style="width:73%;">商品信息</li>
                                <li class="fl tc pt5" style="width:27%">评价状态</li>
                            </ul>
                            <ul class="styleUL styleAutoSize  tc" style="width:905px">
                                <li class="tc mt15">
                                    <p class="p12">
                                        您还没有订单哦！马上去逛逛吧： <a href="http://www.xtep.com.cn/" class="color2">商城首页</a> <a
                                            href="http://www.xtep.com.cn/carts/" class="color2">我的购物车</a> <a
                                            href="http://www.xtep.com.cn/mem_center/index/fav" class="color2">我的收藏夹</a>
                                    </p>
                                </li>
                            </ul>
                            <!-- 分页调用开始 -->
                            <div class="pageNumber tr mt5">
                            </div>
                            <!-- 分页调用结束 -->
                        </div>
                        <!--我的订单 结束-->
                    </div>


                </div>
                <div class="recHIS" style="display: block; overflow: hidden;">
                    <div class="title"><h5>为您推荐</h5></div>
                    <div class="content_div">
                        <ul class="content_ul">
                            {foreach $reData as $v}
                            <li class="item"><a href="{:url('index/goods/index',['id'=>$v['id']])}" class="img_wrap"  title="{$v['title']}"><img
                                    class="pic" src="/{$v['list_pic']}"></a>
                                <div class="n_p"><p class="name"><a href="{:url('index/goods/index',['id'=>$v['id']])}" title="{$v['title']}">【一口价】
                                    【必抢爆款...</a></p>
                                    <p class="price"><span>￥{$v['price']}元</span></p></div>
                            </li>
                            {/foreach}
                        </ul>
                    </div>
                    </div>
            </div>

            <!--userCenterRight end-->
        </div>
        <!--userCenter end-->

    </div>
    <!--wrapper end-->
    <link href="/static/index/css/tb_style.css" rel="stylesheet" type="text/css">
</div>


<!--footer  start-->
{/block}